<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>收藏</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/collect/index.css" />
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
	</head>
	<body>
		<header title="收藏"></header>
		<div class="_div data-v-196c4706 container" id="app" v-cloak>
			<ul class="_ul data-v-196c4706 tab">
				<li class="_li data-v-196c4706 tab-item" data-comkey="0" data-eventid="0-0">
					<div class="_div data-v-196c4706 msg" :class="{active:active}" @click="show('project')"> 项目 </div>
				</li>
				<li class="_li data-v-196c4706 tab-item" data-comkey="0" data-eventid="0-1">
					<div class="_div data-v-196c4706 msg" :class="{active:!active}" @click="show('product')"> 商品 </div>
				</li>
			</ul>
			<div class="_div data-v-196c4706 empty" v-if="empty">
				<img class="_img data-v-196c4706 nothing" src="../../images/home/shoucang@2x.png" />
				<div class="_div data-v-196c4706 text">您还没收藏什么东西呢~</div>
			</div>
			<div class="_div data-v-196c4706 top clearfix" v-if="!empty">
				<div class="_div data-v-196c4706 left">
					共收藏
					<div class="_div data-v-196c4706 num">{{count}}</div>
					个{{type}}
				</div>
				<div class="_div data-v-196c4706 right" data-comkey="0" data-eventid="1"> </div>
			</div>
			<ul class="_ul data-v-196c4706 list-goods" v-if="!empty && listType=='product'">
				<div class="_scroll-view data-v-196c4706" ref="remove">
					<li class="_li data-v-196c4706 list-item" v-for="item in products"   ref='btnImg' 
                      :style="{transform: 'translate('+item.x+'px, 0px) translateZ(0px) ',width:(picWidth+150)+'px'}">
						<a class="_a data-v-196c4706 link" onclick="javascript:void(0)"  @touchstart='touchStart' 
                      @touchend='touchEnd($event,item)' :style="{width:picWidth+'px'}">
							<div class="_div data-v-196c4706 picture" >
								<img class="_img data-v-196c4706 image" :src="imgUrl+item.logoPath.split(',')[0]" />
							</div>
							<div class="_div data-v-196c4706 info">
								<div class="_div data-v-196c4706 title"> {{item.name}} </div>
								<div class="_div data-v-196c4706 description"> {{item.remark}} </div>
								<div class="_div data-v-196c4706 price" >
									<div class="_div data-v-196c4706 rmb-group" >
										<span class="_span data-v-196c4706 money_cent">￥</span>
										{{item.price}}
									</div>
									<div class="_div data-v-196c4706 and">+</div>
									<div class="_div data-v-196c4706 fen-group" >
										<span class="_span data-v-196c4706 money_cent">积分</span>
										{{item.points}}
									</div>
									<div class="_div data-v-196c4706 sales"> 销量 {{item.salesCount}} </div>
								</div>
							</div>
						</a>
						<div style="width: 17%;background-color: rgb(246, 70, 101);position: absolute;height: 260px;color: white;line-height: 260px;top:0;right:-135px;
							text-align: center;font-size: 28px;" @click="deleteFav(item)">删除</div>
					</li>
				</div>
			</ul>
			<ul class="_ul data-v-196c4706 list-project"  v-if="!empty && listType=='project'">
				<div class="_scroll-view data-v-196c4706">
					<li class="_li data-v-196c4706 list-item" v-for="item in projects" 
                      :style="{transform: 'translate('+item.x+'px, 0px) translateZ(0px) '}">
						<a class="_a data-v-196c4706 link" @touchstart='touchStart' 
                      @touchend='touchEnd($event,item)' >
							<div class="_div data-v-196c4706 picture">
								<img class="_img data-v-196c4706 image" :src="imgUrl+item.logoPath" />
							</div>
							<div class="_div data-v-196c4706 info">
								<div class="_div data-v-196c4706 title"> {{item.name}} </div>
								<div class="_div data-v-196c4706 hospital clearfix">
									<div class="_div data-v-196c4706 hos-name">{{item.hospitalName}}</div>
									<div class="_div data-v-196c4706 hos-distance">
										<img class="_img data-v-196c4706 icon" src="../../images/home/weizhi@2x.png" />{{item.distance?item.distance:0}} km
									</div>
								</div>
								<div class="_div data-v-196c4706 price">
									<div class="_div data-v-196c4706 sales clearfix">
										<div class="_div data-v-196c4706 now-price">
											优惠价 ￥
											<div class="_div data-v-196c4706 num">{{item.disPrice}}</div>
										</div>
										<div class="_div data-v-196c4706 sale-num">
											<div class="_div data-v-196c4706 msg">已预约</div>
											<div class="_div data-v-196c4706 num">{{item.isHot}}人</div>
										</div>
									</div>
								</div>
							</div>
						</a>
						<div style="width: 17%;background-color: rgb(246, 70, 101);position: absolute;height: 260px;color: white;line-height: 260px;top:0;right:-135px;
							text-align: center;font-size: 28px;" @click="deleteFav(item)">删除</div>
					</li>
				</div>
			</ul>
		</div>
	</body>
	<script type="application/javascript" src="../../js/collect/index.js"></script>
</html>
